<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Deepseek - AI驱动的智能搜索引擎</title>
    <link href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Noto Sans SC', 'Noto Serif SC', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-serif;
            color: #333;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%);
        }
        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        .feature-icon {
            font-size: 2.5rem;
            background: linear-gradient(135deg, #6e8efb 0%, #a777e3 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .drop-cap::first-letter {
            float: left;
            font-size: 3.5em;
            line-height: 0.8;
            margin: 0.1em 0.2em 0 0;
            font-weight: 700;
            color: #6e8efb;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- Hero Section -->
    <section class="hero-gradient text-white py-20 md:py-32 px-4">
        <div class="container mx-auto max-w-6xl text-center">
            <div class="inline-block px-4 py-2 mb-4 bg-white bg-opacity-20 rounded-full">
                <span class="text-sm font-semibold tracking-wider">AI 驱动的未来搜索</span>
            </div>
            <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">重新定义智能搜索体验</h1>
            <p class="text-xl md:text-2xl max-w-3xl mx-auto mb-8 opacity-90">Deepseek 通过深度学习与自然语言处理技术，为您提供前所未有的精准、个性化搜索解决方案</p>
            <div class="flex justify-center space-x-4">
                <a href="https://www.deepseek.com/" class="px-8 py-3 bg-white text-indigo-600 font-bold rounded-full hover:bg-opacity-90 transition duration-300">立即体验</a>
                <a href="#features" class="px-8 py-3 border-2 border-white text-white font-bold rounded-full hover:bg-white hover:bg-opacity-10 transition duration-300">探索功能</a>
            </div>
        </div>
    </section>

    <!-- Intro Section -->
    <section class="py-16 px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="grid md:grid-cols-2 gap-12 items-center">
                <div>
                    <h2 class="text-3xl font-bold mb-6">关于 Deepseek</h2>
                    <p class="text-lg text-gray-700 mb-6 drop-cap">Deepseek 是一个基于人工智能技术的智能搜索引擎，致力于为用户提供更精确、更个性化的搜索体验。与传统的搜索引擎不同，Deepseek通过深度学习和自然语言处理技术，能够理解用户意图、解析复杂查询，进而提供更智能的搜索结果。</p>
                    <p class="text-lg text-gray-700">在数字化和信息过载的时代，如何高效地获取精准的信息成为了一个挑战。Deepseek的出现，正是为了应对这一挑战，通过提升搜索质量和精确度，帮助用户快速找到所需的资源和答案。</p>
                </div>
                <div class="bg-white p-6 rounded-xl shadow-lg">
                    <div class="mermaid">
                        graph TD
                            A[用户查询] --> B(自然语言处理)
                            B --> C{理解意图}
                            C -->|关键词| D[传统搜索结果]
                            C -->|语义理解| E[Deepseek智能结果]
                            E --> F[精准答案]
                            E --> G[相关推荐]
                            E --> H[个性化内容]
                            style A fill:#a777e3,color:#fff
                            style E fill:#6e8efb,color:#fff
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Core Technologies -->
    <section id="features" class="py-16 bg-gray-100 px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold mb-4">核心技术</h2>
                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Deepseek的技术核心围绕多个前沿技术展开，能够从多维度理解和分析用户的查询意图</p>
            </div>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
                <!-- 深度学习 -->
                <div class="bg-white rounded-xl p-6 shadow-md card-hover">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-brain"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">深度学习</h3>
                    <p class="text-gray-600">采用深度神经网络(DNN)处理和分析数据，从搜索日志、用户行为等多方面学习，不断优化搜索算法，准确预测用户需求。</p>
                </div>
                
                <!-- NLP -->
                <div class="bg-white rounded-xl p-6 shadow-md card-hover">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-language"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">自然语言处理</h3>
                    <p class="text-gray-600">利用NLP技术理解自然语言查询，识别语法、语义和上下文，提供更符合实际需求的搜索结果，超越传统关键词匹配。</p>
                </div>
                
                <!-- 语义搜索 -->
                <div class="bg-white rounded-xl p-6 shadow-md card-hover">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-search-plus"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">语义搜索</h3>
                    <p class="text-gray-600">理解查询潜在意图，识别同义词和相关词，跨越语言障碍，使搜索结果更加智能化和个性化。</p>
                </div>
                
                <!-- 智能推荐 -->
                <div class="bg-white rounded-xl p-6 shadow-md card-hover">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-robot"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">智能推荐</h3>
                    <p class="text-gray-600">根据用户历史行为、兴趣和互动模式，推荐相关内容，提升用户体验并帮助发现新内容。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Advantages -->
    <section class="py-16 px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold mb-4">Deepseek 优势</h2>
                <p class="text-xl text-gray-600 max-w-3xl mx-auto">相比传统搜索引擎，Deepseek 提供更智能、更个性化的搜索体验</p>
            </div>
            
            <div class="grid md:grid-cols-2 gap-8">
                <div class="bg-white p-6 rounded-xl shadow-lg">
                    <div class="flex items-start mb-4">
                        <div class="bg-indigo-100 p-3 rounded-lg mr-4">
                            <i class="fas fa-bullseye text-indigo-600 text-xl"></i>
                        </div>
                        <div>
                            <h3 class="text-xl font-bold mb-2">精准的用户意图理解</h3>
                            <p class="text-gray-600">通过深度学习和NLP技术深入理解用户意图，在复杂和模糊查询中也能提供精准答案，无论是问答型搜索、信息检索还是语音搜索。</p>
                        </div>
                    </div>
                </div>
                
                <div class="bg-white p-6 rounded-xl shadow-lg">
                    <div class="flex items-start mb-4">
                        <div class="bg-purple-100 p-3 rounded-lg mr-4">
                            <i class="fas fa-user-cog text-purple-600 text-xl"></i>
                        </div>
                        <div>
                            <h3 class="text-xl font-bold mb-2">个性化的搜索体验</h3>
                            <p class="text-gray-600">智能推荐系统根据用户历史行为和偏好提供个性化搜索结果，每个用户都能看到符合其个人兴趣和需求的内容。</p>
                        </div>
                    </div>
                </div>
                
                <div class="bg-white p-6 rounded-xl shadow-lg">
                    <div class="flex items-start mb-4">
                        <div class="bg-blue-100 p-3 rounded-lg mr-4">
                            <i class="fas fa-globe-americas text-blue-600 text-xl"></i>
                        </div>
                        <div>
                            <h3 class="text-xl font-bold mb-2">多领域应用</h3>
                            <p class="text-gray-600">广泛应用于电商搜索、知识库检索、医学信息检索等领域，通过专业领域的语义分析提供精准搜索解决方案。</p>
                        </div>
                    </div>
                </div>
                
                <div class="bg-white p-6 rounded-xl shadow-lg">
                    <div class="flex items-start mb-4">
                        <div class="bg-pink-100 p-3 rounded-lg mr-4">
                            <i class="fas fa-images text-pink-600 text-xl"></i>
                        </div>
                        <div>
                            <h3 class="text-xl font-bold mb-2">多模态搜索</h3>
                            <p class="text-gray-600">支持文本、语音、图像等多种输入方式，满足多元化用户需求，提升互动性和便捷性，超越传统文字搜索限制。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Application Scenarios -->
    <section class="py-16 bg-gray-100 px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold mb-4">应用场景</h2>
                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Deepseek 在各行业中的实际应用价值</p>
            </div>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
                <div class="bg-white rounded-xl p-6 text-center shadow-md card-hover">
                    <div class="bg-indigo-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
                        <i class="fas fa-building text-indigo-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">企业知识管理</h3>
                    <p class="text-gray-600">快速从大量文档中提取关键信息，自动分类索引企业文档，提升工作效率。</p>
                </div>
                
                <div class="bg-white rounded-xl p-6 text-center shadow-md card-hover">
                    <div class="bg-purple-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
                        <i class="fas fa-shopping-cart text-purple-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">电商平台搜索</h3>
                    <p class="text-gray-600">根据用户历史行为和偏好提供精准商品推荐，提高平台转化率。</p>
                </div>
                
                <div class="bg-white rounded-xl p-6 text-center shadow-md card-hover">
                    <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
                        <i class="fas fa-hospital text-blue-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">医疗领域</h3>
                    <p class="text-gray-600">快速检索医学文献和病例，辅助临床决策，提升医疗效率。</p>
                </div>
                
                <div class="bg-white rounded-xl p-6 text-center shadow-md card-hover">
                    <div class="bg-pink-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
                        <i class="fas fa-graduation-cap text-pink-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">教育与在线学习</h3>
                    <p class="text-gray-600">智能推荐学习资源，帮助学生高效学习，教师快速检索教学材料。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- How to Use -->
    <section class="py-16 px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold mb-4">如何使用 Deepseek</h2>
                <p class="text-xl text-gray-600 max-w-3xl mx-auto">开始体验智能搜索的无限可能</p>
            </div>
            
            <div class="grid md:grid-cols-3 gap-8">
                <div class="bg-white p-6 rounded-xl shadow-lg">
                    <div class="text-indigo-600 text-4xl mb-4 font-bold">01</div>
                    <h3 class="text-xl font-bold mb-3">访问官网</h3>
                    <p class="text-gray-600 mb-4">访问Deepseek官方网站了解更多产品信息、功能介绍和技术细节。</p>
                    <a href="https://www.deepseek.com/" class="text-indigo-600 font-semibold hover:text-indigo-800">https://www.deepseek.com/ <i class="fas fa-external-link-alt ml-1"></i></a>
                </div>
                
                <div class="bg-white p-6 rounded-xl shadow-lg">
                    <div class="text-indigo-600 text-4xl mb-4 font-bold">02</div>
                    <h3 class="text-xl font-bold mb-3">注册账户</h3>
                    <p class="text-gray-600 mb-4">注册账户获得免费查询配额，体验Deepsearch功能。开发者可集成API到应用中。</p>
                    <ul class="text-gray-600 space-y-2">
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span>支持多种编程语言</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span>上传自定义数据</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span>灵活定制搜索策略</span>
                        </li>
                    </ul>
                </div>
                
                <div class="bg-white p-6 rounded-xl shadow-lg">
                    <div class="text-indigo-600 text-4xl mb-4 font-bold">03</div>
                    <h3 class="text-xl font-bold mb-3">专业服务</h3>
                    <p class="text-gray-600 mb-4">获取企业级定制化服务，包括数据分析、算法优化和系统集成。</p>
                    <div class="bg-indigo-50 p-4 rounded-lg">
                        <p class="text-indigo-800 font-medium">"Deepsearch帮助我们提升了40%的搜索准确率，显著改善了用户体验。"</p>
                        <p class="text-indigo-600 text-sm mt-2">— 某电商平台CTO</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Future Development -->
    <section class="py-16 bg-indigo-900 text-white px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-12">
                <h2 class="text-3xl font-bold mb-4">未来展望</h2>
                <p class="text-xl opacity-90 max-w-3xl mx-auto">Deepsearch 将持续推动搜索技术的边界</p>
            </div>
            
            <div class="grid md:grid-cols-2 gap-8">
                <div>
                    <p class="text-lg opacity-90 mb-6">随着AI技术的不断进步，Deepseek也在不断创新和迭代。未来，Deepseek将进一步提升其搜索引擎的智能化水平，更多地集成多模态信息（如视频、音频等），并支持跨领域的知识挖掘。</p>
                    <p class="text-lg opacity-90">此外，随着大数据、区块链等技术的发展，Deepseek有望为用户提供更高效、安全、可信的搜索服务。在个性化推荐和智能决策支持的基础上，Deepseek将继续推动行业的变革，帮助各类用户从海量信息中快速、精准地获取所需内容，成为全球领先的智能搜索解决方案。</p>
                </div>
                <div>
                    <div class="mermaid bg-white p-4 rounded-lg">
                        timeline
                            title Deepsearch 发展路线
                            2023 : 核心语义搜索
                            2024 : 多模态搜索
                            2025 : 跨语言搜索
                            2026 : 预测性搜索
                            2027 : 认知智能搜索
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-900 text-white py-8 px-4">
        <div class="container mx-auto max-w-6xl">
            <div class="flex flex-col md:flex-row justify-between items-center">
                <div class="mb-4 md:mb-0">
                    <h3 class="text-xl font-bold">技术小馆</h3>
                    <p class="text-gray-400">探索技术的无限可能</p>
                </div>
                <div>
                    <a href="http://www.yuque.com/jtostring" class="text-gray-300 hover:text-white transition duration-300">
                        <i class="fas fa-link mr-2"></i> http://www.yuque.com/jtostring
                    </a>
                </div>
            </div>
            <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500 text-sm">
                <p>© 2023 Deepsearch. 保留所有权利。</p>
            </div>
        </div>
    </footer>

    <script>
        mermaid.initialize({
            startOnLoad: true,
            theme: 'default',
            flowchart: {
                useMaxWidth: true,
                htmlLabels: true,
                curve: 'basis'
            },
            themeVariables: {
                primaryColor: '#fff',
                primaryBorderColor: '#6e8efb',
                primaryTextColor: '#333',
                lineColor: '#a777e3'
            }
        });
    </script>
</body>
</html>